<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>白鹏归创建的表格</title>
</head>
<body>
<table>
    <tr>
        <td>姓名</td>
        <td>年龄</td>
        <td>性别</td>
    </tr>
    <tr>
        <td>张三</td>
        <td>24</td>
        <td>男</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>23</td>
        <td>女</td>
    </tr>
</table>

<table border="1">
    <tr>
        <td>姓名</td>
        <td>年龄</td>
        <td>性别</td>
    </tr>
    <tr>
        <td>张三</td>
        <td>24</td>
        <td>男</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>23</td>
        <td>女</td>
    </tr>
</table>
<table border="1" width="500" height="200" align="center">
    <tr>
        <td>姓名</td>
        <td>年龄</td>
        <td>性别</td>
    </tr>
    <tr>
        <td>张三</td>
        <td>24</td>
        <td>男</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>23</td>
        <td>女</td>
    </tr>

</table>
<br>
<!--th显示加粗显示表头-->
<table border="1" width="500" height="200" align="center" cellspacing="0">
    <tr align="center">
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
    </tr>
    <tr align="center">
        <td>张三</td>
        <td>24</td>
        <td>男</td>
    </tr>
    <tr align="center">
        <td>李四</td>
        <td>23</td>
        <td>女</td>
    </tr>
</table>
<br>

<!--caption设置表格标题-->
<table border="1" align="center" cellspacing="0" width="500" height="300">

    <caption>
        <strong>小说排行榜</strong>
    </caption>
    <tr>
        <th>排名</th>
        <th>关键词</th>
        <th>趋势</th>
        <th>今日搜索</th>
        <th>最近七日</th>
        <th>相关链接</th>
    </tr>
    <tr align="center">
        <td>1</td>
        <td>鬼吹灯</td>
        <td>
            <img src="../images/down_img.png">
        </td>
        <td>345</td>
        <td>123</td>
        <td>
            <a href="#">贴吧</a>
            <a href="#">图片</a>
            <a href="#">百科</a>
        </td>
    </tr>
    <tr align="center">
        <td>2</td>
        <td>盗墓笔记</td>
        <td>
            <img src="../images/down_img.png">
        </td>
        <td>352</td>
        <td>12</td>
        <td>
            <a href="#">贴吧</a>
            <a href="#">图片</a>
            <a href="#">百科</a>
        </td>
    </tr>
    <tr align="center">
        <td>3</td>
        <td>西游记</td>
        <td>
            <img src="../images/up_img.png">
        </td>
        <td>345</td>
        <td>123</td>
        <td>
            <a href="#">贴吧</a>
            <a href="#">图片</a>
            <a href="#">百科</a>
        </td>
    </tr>
    <tr align="center">
        <td>4</td>
        <td>东游记</td>
        <td>
            <img src="../images/up_img.png">
        </td>
        <td>345</td>
        <td>123</td>
        <td>
            <a href="#">贴吧</a>
            <a href="#">图片</a>
            <a href="#">百科</a>
        </td>
    </tr>
    <tr align="center">
        <td>5</td>
        <td>甄嬛传</td>
        <td>
            <img src="../images/down_img.png">
        </td>
        <td>345</td>
        <td>123</td>
        <td>
            <a href="#">贴吧</a>
            <a href="#">图片</a>
            <a href="#">百科</a>
        </td>
    </tr>
    <tr align="center">
        <td>6</td>
        <td>水浒传</td>
        <td>
            <img src="../images/up_img.png">
        </td>
        <td>345</td>
        <td>123</td>
        <td>
            <a href="#">贴吧</a>
            <a href="#">图片</a>
            <a href="#">百科</a>
        </td>
    </tr>
    <tr align="center">
        <td>7</td>
        <td>三国演义</td>
        <td>
            <img src="../images/up_img.png">
        </td>
        <td>345</td>
        <td>123</td>
        <td>
            <a href="#">贴吧</a>
            <a href="#">图片</a>
            <a href="#">百科</a>
        </td>
    </tr>
</table>
<!--未进行合并-->
<table border="1" width="500" height="240" align="center" cellspacing="0">
    <tr>
        <td>刘德华</td>
        <td>男</td>
        <td>18</td>
        <!--目标单元格 先上后下-->
        <td>照片</td>
    </tr>
    <tr>
        <td>身高 180</td>
        <td>汉族</td>
        <td>已婚</td>
        <td>照片</td>
    </tr>
    <tr>
        <td>个人简介</td>
        <td>个人简介</td>
        <td>个人简介</td>
        <td>个人简介</td>
    </tr>
    <tr>
        <td>个人作品</td>
        <td>个人作品</td>
        <td>个人作品</td>
        <td>个人作品</td>
    </tr>
</table>
<!--合并之后-->
<table border="1" width="500" height="240" align="center" cellspacing="0">
    <tr>
        <td>刘德华</td>
        <td>男</td>
        <td>18</td>
        <!--目标单元格 先上后下-->
        <td rowspan="2">照片</td>
    </tr>
    <tr>
        <td>身高 180</td>
        <td>汉族</td>
        <td>已婚</td>
        <!--多出的部分删除掉 -->
        <!--<td>照片</td>-->
    </tr>
    <tr>
        <td>个人简介</td>
        <td>个人简介</td>
        <td>个人简介</td>
        <td>个人简介</td>
    </tr>
    <tr>
        <td>个人作品</td>
        <td colspan="3">个人作品</td>
        <!--多出的部分删除掉 -->
        <!--<td>个人作品</td>-->
        <!--<td>个人作品</td>-->
    </tr>
</table>
</body>
</html>